$(function () {
    var layer = layui.layer;
    var form = layui.form;
    /* 1-获取用户的基本信息 */
    initUserInfo();
    function initUserInfo() {
        $.ajax({
            type: 'get',
            url: '/my/userinfo',
            success: function (res) {
                console.log(res);
                // 判断是否获取成功
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                // 把用户信息渲染到页面
                // $('[name=username]').val(res.data.username);
                // $('[name=nickname]').val(res.data.nickname);
                // $('[name=email]').val(res.data.email);
                // layui一键赋值
                form.val('formUserInfo',res.data)
            }
        })
    }

    /* 2-增加nickname的自定义规则 */
    form.verify({
        nickname: function (value) {
            if (value.length > 6) {
                return '昵称格式不正确，请输入1-6位的字符'
            }
        }
    })

    // /* 3-完成用户信息修改 */
    // $('.layui-form').on('submit', function (e) {
    //     e.preventDefault();
    //     var data = $(this).serialize();
    //     // console.log(data);
    //     $.ajax({
    //         type: 'post',
    //         url: '/my/userinfo',
    //         data,
    //         success: function (res) {
    //             // console.log(res);
    //             if (res.status !== 0) {
    //                 return layer.msg(res.message)
    //             }
    //             layer.msg('更新成功');
    //         /* 更新父页面index.html中的昵称 */
    //             // 在index中把第一步和第二部提出来，作为全局函数
    //             window.parent.getuserInfo();
    //         }
    //     })
    // })
    // /* 4-重置用户信息 */
    // $('#btnReset').on('click', function (e) {
    //     e.preventDefault();
    //     // 重新获取和渲染用户信息
    //     initUserInfo();
    // })

    /* 3-完成用户信息的修改 */
    $('.layui-form').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type:'post',
            url: '/my/userinfo',
            data:$(this).serialize(),
            success: function (res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg('更新成功')
                window.parent.getuserInfo();
            }
        })
    })

    
    /* 4-重置用户信息 */
    $('#btnReset').on('click', function (e) {
        e.preventDefault();
        initUserInfo();
    })
})